<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery.min.js"></script>
</head>
<body>
    <a href="http://www.baidu.cn" title="都挺好">都挺好</a>
    <input type="checkbox" name="" id="" checked>
    <div index="1" data-index="22" id="zhangsan">我是div</div>
    <span>123</span>
    <script>
        /* 
           元素属性的操作
        */
    // 1.系统自带属性的读
    console.log($('a').prop('href'));
    // 2.系统自带属性的写
    $('a').prop('href',"http://www.jd.con");

    // console.log($('div').prop('index'));
    // 3.自定义属性的读
    console.log($('div').attr('index'));
    console.log($('div').attr('id'));
    // 4.自定义属性的写
    $('div').attr('index',('nihaoa'));

    // 5.获取 data- 前缀的自定义属性，返回的是一个对象
    console.log($('div').data());
    console.log($('div').data()['index']);
    </script>
</body>
</html>